#region show
<template>
  <q-input
    placeholder="触发事件"
    @blur="handleBlur"
    @focus="handleFocus"
    @change="handleChange"
    @keyup="handleKeyUp"
    @input="handleInput"
  />
</template>

<script setup lang="ts">
function handleFocus() {
  console.log('[Event Focus]')
}
function handleBlur() {
  console.log('[Event blur]')
}
function handleChange(v: string) {
  console.log('[Event Change]')
}
function handleKeyUp() {
  console.log('[Event KeyUp]')
}
function handleInput(v: string) {
  console.log('[Event Input]' + v)
}
</script>
#endregion show

<style scoped>
.q-input {
  margin-top: 10px;
}
</style>
